<template>
	<view class="head">
		<uni-icons type="back" @tap="back()" size="30" color="#FFF"></uni-icons>
		<uni-icons type="closeempty" class="goIndex" @tap="goIndex()" size="30" color="#FFF"></uni-icons>
		<span>{{title}}</span>
	</view>
</template>

<script>
	export default{
		props:{
			title:''
		},methods:{
			back:function(){
				uni.navigateBack();
			},
			goIndex:function(){
				uni.redirectTo({
					url:'/pages/index/index'
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
	.head{
		width: 100%;
		height: 150upx;
		font-family: PingFang-SC-Medium,PingFang-SC;
		font-weight: 500;
		color: #fff;
		font-size: 18px;
		position: relative;
		background: linear-gradient(180deg,#ff5e59,#e20909);
		span{
			position: absolute;
			left: 40%;
			// top: 3.5%;
			bottom:10%;
		}
		/deep/ .uni-icons{
			position: absolute;
			// top: 3%;
			bottom:1%;
		}
		.goIndex{
			left: 15%;
		}
		
	}
</style>
